﻿<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; Charset=gb2312">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>点九博客 - 一个JAVA程序员的个人博客网站</title>
    <link rel="shortcut icon" href="./images/Logo_40.png" type="image/x-icon">
    <!--Layui-->
    <link href="./plug/layui/css/layui.css" rel="stylesheet" />
    <!--font-awesome-->
    <link href="./plug/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <!--全局样式表-->
    <link href="./css/global.css" rel="stylesheet" />
    <!-- 本页样式表 -->
    <link href="./css/home.css" rel="stylesheet" />
</head>
<body>
    <!-- 导航 -->
    <nav class="blog-nav layui-header">
        <div class="blog-container">
            <!-- QQ互联登陆 -->
            <a href="javascript:;" class="blog-user">
                <i class="fa fa-qq"></i>
            </a>
            <a href="javascript:;" class="blog-user layui-hide">
                <img src="./images/Absolutely.jpg" alt="DianJiu" title="DianJiu" />
            </a>
            <!-- 点九博客 -->
            <a class="blog-logo" href="index.html">点九博客</a>
            <!-- 导航菜单 -->
            <ul class="layui-nav" lay-filter="nav">
                <li class="layui-nav-item layui-this">
                    <a href="index.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
                </li>
            </ul>
            <!-- 手机和平板的导航开关 -->
            <a class="blog-navicon" href="javascript:;">
                <i class="fa fa-navicon"></i>
            </a>
        </div>
    </nav>
    <!-- 主体（一般只改变这里的内容） -->
    <div class="blog-body">
        <!-- canvas -->
        <canvas id="canvas-banner" style="background: #393D49;"></canvas>
        <!--为了及时效果需要立即设置canvas宽高，否则就在home.js中设置-->
        <script type="text/javascript">
            var canvas = document.getElementById('canvas-banner');
            canvas.width = window.document.body.clientWidth - 10;//减去滚动条的宽度
            if (screen.width >= 992) {
                canvas.height = window.innerHeight * 1 / 3;
            } else {
                canvas.height = window.innerHeight * 2 / 7;
            }
        </script>
        <!-- 这个一般才是真正的主体内容 -->
        <div class="blog-container">
            <div class="blog-main">
                <!-- 网站公告提示 -->
                <div class="home-tips shadow">
                    <i style="float:left;line-height:17px;" class="fa fa-volume-up"></i>
                    <div class="home-tips-container">
                        <span style="color: #009688">偷偷告诉大家，本博客系统正在升级。。。。。。</span>
                        <span style="color: red">网站新增自主开发留言系统！使用可使用QQ等第三方登录，人人都可以回复！</span>
                        <span style="color: red">如果你觉得网站做得还不错，来EMen社区点个赞吧！<a href="https://emen.fun" target="_blank" style="color:#01AAED">点我前往</a></span>
                        <span style="color: #009688">点九博客 &nbsp;—— &nbsp;一个Java程序员的个人博客，新版网站采用<a href="https://ncun.fun" target="_blank" style="color:#01AAED">NCun</a>开源博客搭建，目前正在建设中！</span>
                    </div>
                </div>
                <!--左边文章列表-->
                <div class="blog-main-left">
                    <div class="article shadow">
                        <div class="article-left">
                            <img src="./images/cover/202003181909057125.jpeg" alt="新站基于NCun开源博客系统（https://ncun.fun）！" />
                        </div>
                        <div class="article-right">
                            <div class="article-title">
                                <a href="detail.html">新站基于NCun开源博客系统（https://ncun.fun）！</a>
                            </div>
                            <div class="article-abstract">
                                NCun开源博客系统，采取分布式社区架构开发，分布式博客站点，可一键同步到EMen开源论坛，实现论坛轻松引流。EMen论坛采取插件式开发，支持第三方插件时时热更新，同时支持第三方主题一键切换，需求重启。V1.0系统开发接近尾声，敬请期待。
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="article-footer">
                            <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;2020-12-18</span>
                            <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;DianJiu</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="#">点九开源</a></span>
                            <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;0</span>
                            <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;4</span>
                        </div>
                    </div>
                    <div class="article shadow">
                        <div class="article-left">
                            <img src="./images/cover/202003181909057125.jpeg" alt="新站基于NCun开源博客系统（https://ncun.fun）！" />
                        </div>
                        <div class="article-right">
                            <div class="article-title">
                                <a href="detail.html">新站基于NCun开源博客系统（https://ncun.fun）！</a>
                            </div>
                            <div class="article-abstract">
                                NCun开源博客系统，采取分布式社区架构开发，分布式博客站点，可一键同步到EMen开源论坛，实现论坛轻松引流。EMen论坛采取插件式开发，支持第三方插件时时热更新，同时支持第三方主题一键切换，需求重启。V1.0系统开发接近尾声，敬请期待。
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="article-footer">
                            <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;2020-12-18</span>
                            <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;DianJiu</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="#">点九开源</a></span>
                            <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;0</span>
                            <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;4</span>
                        </div>
                    </div>
                    <div class="article shadow">
                        <div class="article-left">
                            <img src="./images/cover/202003181909057125.jpeg" alt="新站基于NCun开源博客系统（https://ncun.fun）！" />
                        </div>
                        <div class="article-right">
                            <div class="article-title">
                                <a href="detail.html">新站基于NCun开源博客系统（https://ncun.fun）！</a>
                            </div>
                            <div class="article-abstract">
                                NCun开源博客系统，采取分布式社区架构开发，分布式博客站点，可一键同步到EMen开源论坛，实现论坛轻松引流。EMen论坛采取插件式开发，支持第三方插件时时热更新，同时支持第三方主题一键切换，需求重启。V1.0系统开发接近尾声，敬请期待。
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="article-footer">
                            <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;2020-12-18</span>
                            <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;DianJiu</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="#">点九开源</a></span>
                            <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;0</span>
                            <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;4</span>
                        </div>
                    </div>
                    <div class="article shadow">
                        <div class="article-left">
                            <img src="./images/cover/202003181909057125.jpeg" alt="新站基于NCun开源博客系统（https://ncun.fun）！" />
                        </div>
                        <div class="article-right">
                            <div class="article-title">
                                <a href="detail.html">新站基于NCun开源博客系统（https://ncun.fun）！</a>
                            </div>
                            <div class="article-abstract">
                                NCun开源博客系统，采取分布式社区架构开发，分布式博客站点，可一键同步到EMen开源论坛，实现论坛轻松引流。EMen论坛采取插件式开发，支持第三方插件时时热更新，同时支持第三方主题一键切换，需求重启。V1.0系统开发接近尾声，敬请期待。
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="article-footer">
                            <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;2020-12-18</span>
                            <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;DianJiu</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="#">点九开源</a></span>
                            <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;0</span>
                            <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;4</span>
                        </div>
                    </div>
                    <div class="article shadow">
                        <div class="article-left">
                            <img src="./images/cover/202003181909057125.jpeg" alt="新站基于NCun开源博客系统（https://ncun.fun）！" />
                        </div>
                        <div class="article-right">
                            <div class="article-title">
                                <a href="detail.html">新站基于NCun开源博客系统（https://ncun.fun）！</a>
                            </div>
                            <div class="article-abstract">
                                NCun开源博客系统，采取分布式社区架构开发，分布式博客站点，可一键同步到EMen开源论坛，实现论坛轻松引流。EMen论坛采取插件式开发，支持第三方插件时时热更新，同时支持第三方主题一键切换，需求重启。V1.0系统开发接近尾声，敬请期待。
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="article-footer">
                            <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;2020-12-18</span>
                            <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;DianJiu</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="#">点九开源</a></span>
                            <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;0</span>
                            <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;4</span>
                        </div>
                    </div>
                    <div class="article shadow">
                        <div class="article-left">
                            <img src="./images/cover/202003181909057125.jpeg" alt="新站基于NCun开源博客系统（https://ncun.fun）！" />
                        </div>
                        <div class="article-right">
                            <div class="article-title">
                                <a href="detail.html">新站基于NCun开源博客系统（https://ncun.fun）！</a>
                            </div>
                            <div class="article-abstract">
                                NCun开源博客系统，采取分布式社区架构开发，分布式博客站点，可一键同步到EMen开源论坛，实现论坛轻松引流。EMen论坛采取插件式开发，支持第三方插件时时热更新，同时支持第三方主题一键切换，需求重启。V1.0系统开发接近尾声，敬请期待。
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="article-footer">
                            <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;2020-12-18</span>
                            <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;DianJiu</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="#">点九开源</a></span>
                            <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;0</span>
                            <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;4</span>
                        </div>
                    </div>
                    <div class="article shadow">
                        <div class="article-left">
                            <img src="./images/cover/202003181909057125.jpeg" alt="新站基于NCun开源博客系统（https://ncun.fun）！" />
                        </div>
                        <div class="article-right">
                            <div class="article-title">
                                <a href="detail.html">新站基于NCun开源博客系统（https://ncun.fun）！</a>
                            </div>
                            <div class="article-abstract">
                                NCun开源博客系统，采取分布式社区架构开发，分布式博客站点，可一键同步到EMen开源论坛，实现论坛轻松引流。EMen论坛采取插件式开发，支持第三方插件时时热更新，同时支持第三方主题一键切换，需求重启。V1.0系统开发接近尾声，敬请期待。
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="article-footer">
                            <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;2020-12-18</span>
                            <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;DianJiu</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="#">点九开源</a></span>
                            <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;0</span>
                            <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;4</span>
                        </div>
                    </div>
                    <div class="article shadow">
                        <div class="article-left">
                            <img src="./images/cover/202003181909057125.jpeg" alt="新站基于NCun开源博客系统（https://ncun.fun）！" />
                        </div>
                        <div class="article-right">
                            <div class="article-title">
                                <a href="detail.html">新站基于NCun开源博客系统（https://ncun.fun）！</a>
                            </div>
                            <div class="article-abstract">
                                NCun开源博客系统，采取分布式社区架构开发，分布式博客站点，可一键同步到EMen开源论坛，实现论坛轻松引流。EMen论坛采取插件式开发，支持第三方插件时时热更新，同时支持第三方主题一键切换，需求重启。V1.0系统开发接近尾声，敬请期待。
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="article-footer">
                            <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;2020-12-18</span>
                            <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;DianJiu</span>
                            <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="#">点九开源</a></span>
                            <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;0</span>
                            <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;4</span>
                        </div>
                    </div>
                </div>
                <!--右边小栏目-->
                <div class="blog-main-right">
                    <div class="blogerinfo shadow">
                        <div class="blogerinfo-figure">
                            <img src="./images/Absolutely.jpg" alt="DianJiu" />
                        </div>
                        <p class="blogerinfo-nickname">DianJiu</p>
                        <p class="blogerinfo-introduce">一枚95后Java程序员</p>
                        <p class="blogerinfo-location"><i class="fa fa-location-arrow"></i>&nbsp;广东 - 深圳</p>
                        <hr />
                        <div class="blogerinfo-contact">
                            <a target="_blank" title="QQ交流" href="javascript:layer.msg('启动QQ会话窗口')"><i class="fa fa-qq fa-2x"></i></a>
                            <a target="_blank" title="给我写信" href="javascript:layer.msg('启动邮我窗口')"><i class="fa fa-envelope fa-2x"></i></a>
                            <a target="_blank" title="新浪微博" href="javascript:layer.msg('转到你的微博主页')"><i class="fa fa-weibo fa-2x"></i></a>
                            <a target="_blank" title="码云" href="javascript:layer.msg('转到你的github主页')"><i class="fa fa-git fa-2x"></i></a>
                        </div>
                    </div>
                    <div></div><!--占位-->
                    <div class="blog-module shadow">
                        <div class="blog-module-title">热文排行</div>
                        <ul class="fa-ul blog-module-ul">
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="detail.html">Java</a></li>
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="detail.html">Spring</a></li>
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="detail.html">SpringBoot</a></li>
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="detail.html">SpringCloud</a></li>
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="detail.html">SpringCloud Alibaba</a></li>
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="detail.html">Docker</a></li>
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="detail.html">Kubernetes</a></li>
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="detail.html">HarmonyOS</a></li>
                        </ul>
                    </div>
                    <div class="blog-module shadow">
                        <div class="blog-module-title">最近分享</div>
                        <ul class="fa-ul blog-module-ul">
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="http://dianjiu.top" target="_blank">Canvas</a></li>
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="http://dianjiu.top" target="_blank">pagesize.js</a></li>
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="https://dianjiu.top" target="_blank">时光轴</a></li>
                            <li><i class="fa-li fa fa-hand-o-right"></i><a href="https://dianjiu.top" target="_blank">图片轮播</a></li>
                        </ul>
                    </div>
                    <div class="blog-module shadow">
                        <div class="blog-module-title">NCun版本</div>
                        <dl class="footprint">
                            <dt>2020年12月12日</dt>
                            <dd>基于VUE开发博客前台</dd>
                            <dt>2020年10月10日</dt>
                            <dd>基于Vue开发后管页面</dd>
                            <dt>2020年09月09日</dt>
                            <dd>实现所有后台接口</dd>
                            <dt>2020年02月25日</dt>
                            <dd>进行数据库架构</dd>
                        </dl>
                    </div>
                    <div class="blog-module shadow">
                        <div class="blog-module-title">EMen版本</div>
                        <dl class="footprint">
                            <dt>2020年12月16日</dt>
                            <dd>实现主题、插件商店</dd>
                            <dt>2020年11月16日</dt>
                            <dd>实现初始化模块</dd>
                            <dt>2020年10月12日</dt>
                            <dd>实现单点登录功能</dd>
                            <dt>2020年09月10日</dt>
                            <dd>实现分布式文件系统</dd>
                        </dl>
                    </div>
                    <div class="blog-module shadow">
                        <div class="blog-module-title">友情链接</div>
                        <ul class="blogroll">
                            <li><a target="_blank" href="https://dianjiu.co/" title="码农点九">码农点九</a></li>
                            <li><a target="_blank" href="https://dianjiu.top/" title="点九博客">点九博客</a></li>
                            <li><a target="_blank" href="https://dianjiu.org.cn/" title="点九博客">点九开源</a></li>
                            <li><a target="_blank" href="https://dianjiu.net.cn/" title="点九博客">点九科技</a></li>
                            <li><a target="_blank" href="https://www.foreverblog.cn/" title="十年之约">十年之约</a></li>
                            <li><a target="_blank" href="https://www.ad-s.cn/" title="冰峰博客">冰峰博客</a></li>
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer class="blog-footer">
        <p><span>Copyright</span><span>&copy;</span><span>2020</span><a href="http://www.lyblogs.cn">点九博客</a><span>Design By NCun</span></p>
        <p><a href="http://www.miibeian.gov.cn/" target="_blank">皖ICP备17027168号-1</a></p>
    </footer>
    <!--侧边导航-->
    <ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
        <li class="layui-nav-item layui-this">
            <a href="index.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
        </li>
    </ul>
    <!--分享窗体-->
    <div class="blog-share layui-hide">
        <div class="blog-share-body">
            <div style="width: 200px;height:100%;">
                <div class="bdsharebuttonbox">
                    <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                    <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                    <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                    <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
                </div>
            </div>
        </div>
    </div>
    <!--遮罩-->
    <div class="blog-mask animated layui-hide"></div>
    <!-- layui.js -->
    <script src="./plug/layui/layui.js"></script>
    <!-- 全局脚本 -->
    <script src="./js/global.js"></script>
    <!-- 本页脚本 -->
    <script src="./js/home.js"></script>
</body>
</html>